<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css其他属性</title>
    <style>
        div{
            border: 1px solid red;/*设置只有边框 div继承父元素body的宽高 默认*/
            /*display: inline; 块元素div转化行元素*/
            /*width: 40em; 一个文字的40倍*/
            /*width: 50%; 父元素的50%*/
            /*font-size: 50%;相对与正常字体的50%*/

            display: inline-block;/*接下来讲最大宽度和最小宽度  前提是这个宽度是可变化的，由于块元素宽度的固定的 设置多少是多少*/
            max-width: 600px;
            min-width: 400px;
        }
    </style>
</head>
<body>
<div>
    <div>
        <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut laudantium nemo nihil nulla
            quibusdam repellat suscipit temporibus vero! Aliquid delectus deserunt ex exercitationem facere hic itaque
            nobis non sed vel!
        </div>
</div>
    <div>Lorem ipsum dolor sit amet,</div>
</body>
</html>